@charset "utf-8";

@import "reusing";

.h1_reusing{
    display: inline-block;
    font-size: 42px;
    vertical-align: bottom;
    padding-left: 10px;
}

#LayaFlash{
    background-color: $green;
    color: $white;
    padding-top: 60px;
    padding-bottom: 84px;
    .myrow{
        background-image: url(../img/flashimg.png);
        background-repeat: no-repeat;
        background-position: right;
        background-size: contain;
        h1{
            @extend .h1_reusing;
        }
        h2{
            font-size: 24px;
            padding-bottom: 54px;
            padding-top: 25px;
        }
        p{
            @include p_reusing;
            padding-bottom: 25px;
        }
        input{
            width: 100px;
            height: 35px;
            color: $green;
            background-color: $white;
            border: 2px solid $white;
            border: none;
            border-radius: 5px;
            font-size: 14px;
            transition: all 200ms;
            &:hover{
                background-color: $green;
                border: 2px solid $white;
                color: $white;
            }
        }
    }
}

#LayaPlayer{
    padding-top: 75px;
    padding-bottom: 48px;
    background-color: $blue;
    color: $white;
    .container{
        .playerimg1{
            &>img{
                padding-top: 20px;
            }
        }
        .playerimg2{
            &>img{
                padding-top: 130px;
            }
        }
        &>h1{
            @extend .h1_reusing;
        }
        h2{
            font-size: 24px;
            padding-top: 35px;
            padding-bottom: 10px;
        }
        p{
            @include p_reusing;
        }
    }
}

#LayaAir,#LayaStore{
    padding-top: 50px;
    padding-bottom: 30px;
    .layaair_msg{
        padding-bottom: 30px;
        h1{
            @extend .h1_reusing;
            padding-top: 30px;
            color: $blue;
        }
        h2{
            font-size: 18px;
            padding-top: 25px;
        }
        h3{
            padding-top: 30px;
            padding-bottom: 16px;
            color: $blue;
            font-size: 18px;
        }
        p{
            text-indent: 2em;
            font-size: 14px;
        }
        img{
            &:last-child{
                display: block;
                margin: auto;
                padding-top: 30px;
            }
        }
    }
    
}

#LayaStore{
    background-color: $gray2;
}

@media (max-width:991px){
    #LayaFlash .myrow{
        background-image: none;
    }
}

@media (max-width:350px){
    #LayaFlash .myrow h1,#LayaPlayer .container>h1{
        font-size: 42px;
    }
}